
    *{
        margin: 0;
        padding:0;
        list-style: none;
        font-size: 16px;
        color: rgba(0,0,0,.8);
    }
    a{
        text-decoration: none;
    }

    /*jq-alert弹出层封装样式*/
    .jq-alert{
        position: fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        justify-content: center;
        align-items: center;
        background-color: rgba(0,0,0,.4);
        z-index: 99;
    }
    .jq-alert .alert{
        background-color: #FFF;
        width:80%;
        height:auto;
        border-radius: 4px;
        overflow: hidden;
    }
    .jq-alert .alert .title{
        position: relative;
        margin: 0;
        font-size: 1em;
        height: 34px;
        line-height:34px;
        text-align: center;
        font-weight: normal;
        color: rgba(0,0,0,.8);
    }
    /*.jq-alert .alert .title:after{
        position: absolute;
        content: "";
        bottom: 0;
        left:0;
        width: 100%;
        height: 1px;
        background-color: #ededed;
        transform: scaley(.5);
        -webkit-transform: scaley(.5);
    }*/
    .jq-alert .alert .content{
        padding: 10px;
        font-size: 0.875em;
        color: rgba(0,0,0,.6);
    }
    .jq-alert .alert .content .prompt{
        width:100%;
    }
    .jq-alert .alert .content .prompt .prompt-content{
        font-size: 0.875em;
        color: rgba(0,0,0,.54);
    }
    .jq-alert .alert .content .prompt .prompt-text{
        background:none;
        border:none;
        outline: none;
        width: 100%;
        height: 2em;
        box-sizing: border-box;
        margin-top: .2rem;
        background-color: #FFF;
        border:1px solid #dcdcdc;
        text-indent:5px;
    }
    .jq-alert .alert .content .prompt .prompt-text:focus{
        border: 1px solid #2196F3;
        background-color: rgba(33,150,243,.08);
    }
    .jq-alert .alert .fd-btn{
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        justify-content: center;
        align-items: center;
    }
    .jq-alert .alert .fd-btn:after{
        position: absolute;
        content: "";
        top:0;
        left:0;
        width:100%;
        height: 1px;
        background-color: #F3F3F3;
    }
    .jq-alert .alert .fd-btn a{
        width:100%;
        height: 3.4em;
        font-size: 0.875em;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        color: rgba(0,0,0,.8);
    }
    .jq-alert .alert .fd-btn a.cancel{
        position: relative;
        color: rgba(0,0,0,.5);
    }
    .jq-alert .alert .fd-btn a.cancel:after{
        content: "";
        position: absolute;
        top:.1rem;
        right:0;
        width: 1px;
        height: 100%;
        background-color: #F3F3F3;
    }
    .jq-alert .alert .fd-btn a.confirm{
        color: #FE715C;
    }
    .jq-alert .alert .fd-btn a.confirm:active{
        background-color: #FE715C;
        color: #FFF;
    }

    /*toast弹出层*/
    .jq-toast,.jq-load{
        z-index: 99999999;
        position:fixed;
        bottom:15%;
        left:0;
        width:100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
    }
    .jq-toast .toast{
        max-width: 80%;
        padding: .1rem .2rem;
        background-color: rgba(0,0,0,.48);
        color: #FFF;
        border-radius: 4px;
        font-size: .28rem;
    }

	.jq-load{
		z-index: 99999999;
        position:fixed;
        bottom:0;
        left:0;
        top: 0;
        right: 0;
        margin: auto;
        width:100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
	}
	
	.jq-load .load {
		width: 150px;
	    height: 150px;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    background-color: rgba(0,0,0,.48);
	    color: #FFF;
	    border-radius: 10px;
	    font-size: 0.875em;
	}


.jq-load .load span {
  display: block;
  font-size: 10px;
  margin: 25px auto;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -1.5em 0em 0.1em #ffffff, 1em -1em 0 0em #ffffff, 1.5em 0em 0 -0.25em #ffffff, 1em 1em 0 -0.25em #ffffff, 0em 1.5em 0 -0.25em #ffffff, -1em 1em 0 -0.25em #ffffff, -1.5em 0em 0 -0.25em #ffffff, -1em -1em 0 0em #ffffff;
  }
  12.5% {   
    box-shadow: 0em -1.5em 0em 0em #ffffff, 1em -1em 0 0.1em #ffffff, 1.5em 0em 0 0em #ffffff, 1em 1em 0 -0.25em #ffffff, 0em 1.5em 0 -0.25em #ffffff, -1em 1em 0 -0.25em #ffffff, -1.5em 0em 0 -0.25em #ffffff, -1em -1em 0 -0.25em #ffffff;
  }
  25% {
    box-shadow: 0em -1.5em 0em -0.25em #ffffff, 1em -1em 0 0em #ffffff, 1.5em 0em 0 0.1em #ffffff, 1em 1em 0 0em #ffffff, 0em 1.5em 0 -0.25em #ffffff, -1em 1em 0 -0.25em #ffffff, -1.5em 0em 0 -0.25em #ffffff, -1em -1em 0 -0.25em #ffffff;
  }
  37.5% {
    box-shadow: 0em -1.5em 0em -0.25em #ffffff, 1em -1em 0 -0.25em #ffffff, 1.5em 0em 0 0em #ffffff, 1em 1em 0 0.1em #ffffff, 0em 1.5em 0 0em #ffffff, -1em 1em 0 -0.25em #ffffff, -1.5em 0em 0 -0.25em #ffffff, -1em -1em 0 -0.25em #ffffff;
  }
  50% {
    box-shadow: 0em -1.5em 0em -0.25em #ffffff, 1em -1em 0 -0.25em #ffffff, 1.5em 0em 0 -0.25em #ffffff, 1em 1em 0 0em #ffffff, 0em 1.5em 0 0.1em #ffffff, -1em 1em 0 0em #ffffff, -1.5em 0em 0 -0.25em #ffffff, -1em -1em 0 -0.25em #ffffff;
  }
  62.5% {
    box-shadow: 0em -1.5em 0em -0.25em #ffffff, 1em -1em 0 -0.25em #ffffff, 1.5em 0em 0 -0.25em #ffffff, 1em 1em 0 -0.25em #ffffff, 0em 1.5em 0 0em #ffffff, -1em 1em 0 0.1em #ffffff, -1.5em 0em 0 0em #ffffff, -1em -1em 0 -0.25em #ffffff;
  }
  75% {
    box-shadow: 0em -1.5em 0em -0.25em #ffffff, 1em -1em 0 -0.25em #ffffff, 1.5em 0em 0 -0.25em #ffffff, 1em 1em 0 -0.25em #ffffff, 0em 1.5em 0 -0.25em #ffffff, -1em 1em 0 0em #ffffff, -1.5em 0em 0 0.1em #ffffff, -1em -1em 0 0em #ffffff;
  }
  87.5% {
    box-shadow: 0em -1.5em 0em 0em #ffffff, 1em -1em 0 -0.25em #ffffff, 1.5em 0em 0 -0.25em #ffffff, 1em 1em 0 -0.25em #ffffff, 0em 1.5em 0 -0.25em #ffffff, -1em 1em 0 0em #ffffff, -1.5em 0em 0 0em #ffffff, -1em -1em 0 0.1em #ffffff;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -1.5em 0em 0.1em #ffffff, 1em -1em 0 0em #ffffff, 1.5em 0em 0 -0.25em #ffffff, 1em 1em 0 -0.25em #ffffff, 0em 1.5em 0 -0.25em #ffffff, -1em 1em 0 -0.25em #ffffff, -1.5em 0em 0 -0.25em #ffffff, -1em -1em 0 0em #ffffff;
  }
  12.5% {
    box-shadow: 0em -1.5em 0em 0em #ffffff, 1em -1em 0 0.1em #ffffff, 1.5em 0em 0 0em #ffffff, 1em 1em 0 -0.25em #ffffff, 0em 1.5em 0 -0.25em #ffffff, -1em 1em 0 -0.25em #ffffff, -1.5em 0em 0 -0.25em #ffffff, -1em -1em 0 -0.25em #ffffff;
  }
  25% {
    box-shadow: 0em -1.5em 0em -0.25em #ffffff, 1em -1em 0 0em #ffffff, 1.5em 0em 0 0.1em #ffffff, 1em 1em 0 0em #ffffff, 0em 1.5em 0 -0.25em #ffffff, -1em 1em 0 -0.25em #ffffff, -1.5em 0em 0 -0.25em #ffffff, -1em -1em 0 -0.25em #ffffff;
  }
  37.5% {
    box-shadow: 0em -1.5em 0em -0.25em #ffffff, 1em -1em 0 -0.25em #ffffff, 1.5em 0em 0 0em #ffffff, 1em 1em 0 0.1em #ffffff, 0em 1.5em 0 0em #ffffff, -1em 1em 0 -0.25em #ffffff, -1.5em 0em 0 -0.25em #ffffff, -1em -1em 0 -0.25em #ffffff;
  }
  50% {
    box-shadow: 0em -1.5em 0em -0.25em #ffffff, 1em -1em 0 -0.25em #ffffff, 1.5em 0em 0 -0.25em #ffffff, 1em 1em 0 0em #ffffff, 0em 1.5em 0 0.1em #ffffff, -1em 1em 0 0em #ffffff, -1.5em 0em 0 -0.25em #ffffff, -1em -1em 0 -0.25em #ffffff;
  }
  62.5% {
    box-shadow: 0em -1.5em 0em -0.25em #ffffff, 1em -1em 0 -0.25em #ffffff, 1.5em 0em 0 -0.25em #ffffff, 1em 1em 0 -0.25em #ffffff, 0em 1.5em 0 0em #ffffff, -1em 1em 0 0.1em #ffffff, -1.5em 0em 0 0em #ffffff, -1em -1em 0 -0.25em #ffffff;
  }
  75% {
    box-shadow: 0em -1.5em 0em -0.25em #ffffff, 1em -1em 0 -0.25em #ffffff, 1.5em 0em 0 -0.25em #ffffff, 1em 1em 0 -0.25em #ffffff, 0em 1.5em 0 -0.25em #ffffff, -1em 1em 0 0em #ffffff, -1.5em 0em 0 0.1em #ffffff, -1em -1em 0 0em #ffffff;
  }
  87.5% {
    box-shadow: 0em -1.5em 0em 0em #ffffff, 1em -1em 0 -0.25em #ffffff, 1.5em 0em 0 -0.25em #ffffff, 1em 1em 0 -0.25em #ffffff, 0em 1.5em 0 -0.25em #ffffff, -1em 1em 0 0em #ffffff, -1.5em 0em 0 0em #ffffff, -1em -1em 0 0.1em #ffffff;
  }
}






































